<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>点名神器</title>
    <link rel="stylesheet" href="css/style.css">
</head>

<body>
    <video autoplay loop id="music">
        <source src="./video/loveyou.mp4">
    </video>
    <!-- 切换按钮 -->
    <div class="toggleCon">
        <button class="btn" id="btn-call">
            点名
        </button>
        <button class="btn" id="btn-title">
            题目
        </button>
    </div>
    <!-- 点名器的盒子 -->
    <div class="container" id="callBox">
        <div class="content">
            <!-- <img src="img/title.jpg" alt="" width="120"> -->
            <p class="title">
                【<span id="targetName">答题人</span>】
            </p>
            <img id="targetHead" class="nobody" src="img/head/nobody.png" alt="">
        </div>

        <div class="btn-group">
            <button class="btn" id="btn-begin">
                开始
            </button>
            <button class="btn" id="btn-end">
                结束
            </button>
        </div>

        <ul id="list" class="list clearfix">
            <li>
                <div class="head-img"><img src="img/head/boy.jpg" alt=""></div>
                <p>姓名</p>
                <div class="cover"></div>
            </li>
        </ul>
    </div>
    <!-- 题目盒子 -->
    <div class="container con_title" id="titleBox">
        <div class="currentTitle title_bg">
            <h1 id="titleNums">题目1/20</h1>
        </div>
        <div class="currentContent title_bg">
            <h2 id="currentTitle">默认题目</h2>
            <ul id="currentChoice">
                <li>
                    <span>A、</span>
                    <p>选项1</p>
                </li>
                <li>
                    <span>B、</span>
                    <p>选项2</p>
                </li>
                <li>
                    <span>C、</span>
                    <p>选项3</p>
                </li>
                <li>
                    <span>D、</span>
                    <p>选项4</p>
                </li>
            </ul>
            <div class="showTxt">
                <button class="btn" id="btn-ans">
                    答案
                </button>
                <button class="btn" id="btn-analysis">
                    解析
                </button>
                <button class="btn" id="btn-next">
                    下一题
                </button>
            </div>
            <div class="analysis">
                <span>解析：</span>
                <h3 id="analysis">默认解析</h3>
            </div>
        </div>
    </div>
</body>
<script src="js/data.js"></script>
<script src="js/title.js"></script>
<script src="js/main.js"></script>

</html>